/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 14:01
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_GRAY_BACKGROUND,
    COLOR_GRAY_LINE, COLOR_THEME,COLOR_FOCUS,
    COLOR_WHITE,
    FONT_COLOR_SUB_TITLE,
    FONT_COLOR_TITLE, FONT_SIZE_14,
    FONT_SIZE_SUB_TITLE,
    FONT_SIZE_TITLE
} from "../../../constant/PHColors"
import {SCREEN_HEIGHT, SCREEN_WIDTH} from "../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
        flex: 1,
    },

    container: {
        flex: 1,
        // width:SCREEN_WIDTH,
        backgroundColor: '#ffffff',
    },

    scrollView: {
        flex: 1,
        backgroundColor: '#ffffff',
    },

    cellMenuView:{
        height: 40,
        flexDirection: 'row',
        borderColor: '#ffffff',
        backgroundColor:'#E5ECED',
        width:SCREEN_WIDTH,
    },

    cellMenuText:{
        flex: 1,
        marginLeft: 10,
        marginTop: 5,
        fontSize: 20,
        color: FONT_COLOR_SUB_TITLE
    },

    boxBody: {
        height: 50,
        borderColor: '#e8e8e8',
        borderLeftWidth: 1,
        borderTopWidth: 0,
        borderBottomWidth: 1,
        borderRightWidth: 1,
        justifyContent:'center',
        flexDirection: 'row',
        width:SCREEN_WIDTH,
    },

    leftBox: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
        marginRight: 15
    },

    leftText:{
        fontSize:20,
        color:'#4c4c4c',
        left:10,
    },

    rightText:{
        fontSize:20,
        color:'#4c4c4c',
        left:10,
    },

    numberText:{
        fontSize:20,
        color:COLOR_FOCUS,
        left:10,
    },

    rightBox: {
        flexDirection: 'row',
        justifyContent: 'flex-end',
        alignItems: 'center',
        marginRight: 15,
        width:100,
    },

    /*模态样式*/
    modalContainer: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'rgba(0, 0, 0, 0.3)'
    },

    modalContainer_menu: {
        flex: 1,
        backgroundColor: 'rgba(0, 0, 0, 0)'
    },

    modalView: {
        width: SCREEN_WIDTH - 150,
        height: SCREEN_HEIGHT-120,
        backgroundColor: '#FFF',
    },

    modalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        borderBottomWidth: 2,
        borderBottomColor: COLOR_FOCUS
    },

    modalHeaderText: {
        fontSize: 20,
        color: COLOR_FOCUS
    },

    modalItemView: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        height:40,
    },

    modalItemText: {
        fontSize: 20,
        color: FONT_COLOR_SUB_TITLE
    },

    modalBox:{
        alignItems:'center',
        backgroundColor:'white',
        width: 120,
        borderRadius:10,
        borderWidth:1,
        borderColor:'#b2b2b2',
        bottom: 50,
        position:'absolute',
        marginLeft:SCREEN_WIDTH/24,
    },

    modalBottom:{
        height:40,
        width:120,
        alignItems:'center',
        justifyContent:'center',
    },

    modalTitleText:{
        fontSize:17,
        color:'black',
    },

    /*页面底部菜单*/
    bodyBottom:{
        height:40,
        width:SCREEN_WIDTH,
        bottom:5,
        alignItems:'center',
        justifyContent:'flex-start',
        position:'absolute',
        backgroundColor:'#ffffff',
        flexDirection:'row'
    },

    bodyBottomLeft:{
        marginLeft:SCREEN_WIDTH/24,
        marginRight:SCREEN_WIDTH/24,
        width:SCREEN_WIDTH/8,
        backgroundColor:'#6f6f6f',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    bodyBottomRight:{
        width:SCREEN_WIDTH*6/8,
        backgroundColor:'#1f60ff',
        height:40,
        borderRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
    },

    cellTitleText: {
        fontSize: 20,
        color: '#ffffff',
        marginBottom: 1,
        textAlign:'center',
    },

})